<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:p="http://primefaces.org/ui">
    <body>
        <ui:composition template="/WEB-INF/templates/template.xhtml">     
        <style type="text/css">
            .ui-datepicker{ font-size: 9pt;} .ui-button{font-size: 12pt;}
            .ui-tabs{font-size: 12px;} .ui-tabs-panel{font-size: 12px;} .ui-tabs-panel{font-size: 12px;} 
            .ui-toolbar-group-left{font-size: 12px} 
            .ui-datatable .ui-datatable-header {
                        text-align: left;
                    }
        </style>
        <ui:define name="toolbar"> 
            <h:form id="formToolbarProveedor" >
                    <ui:include src="/WEB-INF/templates/toolbarProveedor.xhtml"/>
            </h:form>   
        </ui:define>          
        <ui:define name="body">
            <p:panel id="panelConsultarProveedor"  style="font-size: 12px; border-width: 0px">   
                <h:form id="formBuscarProveedor" style="width: 250px;  ">
                    <p:growl id="messagesConsulta"/>
                    <p:fieldset id="fieldsetBuscarProveedor"   toggleable="false" legend="Buscar Proveedor" style="font-size: 12px; width: 250px;left: 13px;top: 14px;position: absolute" >  
                        <h:panelGrid columns="1" cellpadding="2"  style="font-size: 12px;margin-right: 8px;text-align: right; vertical-align: middle" >             
                            <p:inputText binding="#{proveedorWeb.textBuscarProveedor}" id="textBuscarProveedor" style="font-size: 12px" size="30" />
                            <h:outputText value="por"  style="font-size: 12px" />
                            <h:selectOneMenu binding="#{proveedorWeb.comboBuscarProveedor}"  id="comboBuscarProveedor"  style="font-size: 12px;height: 25px;alignment-baseline: middle; ">
                                <f:selectItem itemLabel="Seleccione..." itemValue="0"  />
                                <f:selectItem itemLabel="Numero de Proveedor" itemValue="NumeroProveedor" />
                                <f:selectItem itemLabel="Cedula o RUC" itemValue="NumeroCedulaRUC" />              
                                <f:selectItem itemLabel="Nombre o Apellido" itemValue="NombreProveedor" />
                                <f:selectItem itemLabel="Dirección" itemValue="Direccion" />                                
                            </h:selectOneMenu>
                            <h:outputText value="coincidencia de búsqueda"  style="font-size: 12px" />
                            <h:selectOneMenu binding="#{proveedorWeb.comboCoincidenciaBusquedaProveedor}"  id="comboCoincidenciaBusquedaProveedor"  style="font-size: 12px;height: 25px;alignment-baseline: middle; ">
                                <f:selectItem itemLabel="Todas las Coincidencias" itemValue="todas"  />
                                <f:selectItem itemLabel="Coincidencia Exacta" itemValue="exacta" />
                                <f:selectItem itemLabel="Coincidencia Inicial" itemValue="inicial" />
                                <f:selectItem itemLabel="Coincidencia Final" itemValue="final" />                               
                            </h:selectOneMenu>
                            <p:commandButton ajax="false" id="botonBuscarProveedor" value="Consultar" icon="ui-icon-search" type="submit" actionListener="#{proveedorWeb.clicBotonBuscarProveedor()}" style="font-size: 12px; width: 100px; " />                           
                        </h:panelGrid>  
                    </p:fieldset> 
                </h:form> 
                <p:tabView orientation="top" style="left:300px; top: 28px;position: absolute; width: 75%" >
                    <p:tab id="tabProveedor" title="Proveedor (#{proveedorWeb.tablaDatosProveedor.size()} coincidencias)"  titleStyle="font-size: 12px;"   >
                        <h:panelGrid columns="1" cellpadding="1" >
                            <h:form id="formTablaConsultarProveedor" >
                                <p:dataTable  id="tablaConsultarProveedor" var="consultarProveedor" value="#{proveedorWeb.tablaDatosProveedor}" widgetVar="tablaConsultarProveedor" 
                                              emptyMessage="Búsqueda finalizada, no existe proveedor con los criterios de búsqueda ingresados" resizableColumns="false" paginator="true" rows="10"  
                                                rowsPerPageTemplate="5,10,20,100" selectionMode="single" selection="#{proveedorWeb.proveedorSeleccionado}" rowKey="#{consultarProveedor.numeroProveedor}" >
                                    <p:ajax event="rowSelect"  listener="#{proveedorWeb.eventoFilaSeleccionadaTablaConsultarProveedor()}" process="@this" update=":formDialogoEliminarProveedor" /> 
                                    <p:column id="columnaNumeroProveedor" sortBy="#{consultarProveedor.numeroProveedor}" filterBy="#{consultarProveedor.numeroProveedor}" headerText="Proveedor Numero"  style="width:143px" resizable="true" >
                                        <h:outputText value="#{consultarProveedor.numeroProveedor}"  />
                                    </p:column>
                                    <p:column id="columnaNumeroCedulaRUC" sortBy="#{consultarProveedor.numeroCedulaRUC}" filterBy="#{consultarProveedor.numeroCedulaRUC}" headerText="Cedula o RUC"  style="width:230px" >
                                        <h:outputText value="#{consultarProveedor.numeroCedulaRUC}"  />
                                    </p:column>
                                    <p:column id="columnaNombreProveedor" sortBy="#{consultarProveedor.nombreProveedor}" filterBy="#{consultarProveedor.nombreProveedor}" headerText="Nombre Proveedor"  style="width:340px" filterMatchMode="contains">
                                        <h:outputText value="#{consultarProveedor.nombreProveedor}"  />
                                    </p:column>
                                    <p:column id="columnaDireccionProveedor" sortBy="#{consultarProveedor.direccion}" filterBy="#{consultarProveedor.digitador}" headerText="Direccion"  style="width:200px"  >
                                        <h:outputText value="#{consultarProveedor.direccion}"  />
                                    </p:column>
                                    <f:facet  name="footer" >
                                        <p:commandButton  id="botonMostrarDatosProveedor" type="push" actionListener="#{proveedorWeb.mostrarDatosDialogoDatosProveedor()}" update=":formDialogoDatosProveedor,:formDialogoDatosProveedor:tablaDatosProveedorDialogo" oncomplete="dialogoConsultaProveedor.show()" value="Mostrar Datos" icon="ui-icon-search"     />
                                    </f:facet>
                                 </p:dataTable>
                            </h:form>
                        </h:panelGrid>
                    </p:tab>
                </p:tabView>                         
            </p:panel>            
            </ui:define>
            <ui:define name="dialogos" >
            <!--Dialogo para ver toda la informacion relacionada con el proveedor -->                
            <h:form id="formDialogoDatosProveedor">
                <p:dialog id="DialogoDatosProveedor" header="Datos del Proveedor:" widgetVar="dialogoConsultaProveedor" resizable="false"  
                           hideEffect="fold" modal="true" style="font-size: 12px"> 
                    <h:panelGrid columns="2" cellpadding="0" style="alignment-adjust: middle">                            
                            <p:dataTable id="tablaDatosProveedorDialogo" value="#{proveedorWeb.datosProveedorSeleccionado}" var="datosSeleccionado" >                                
                                <p:column  style="text-align: right; font-weight: bold">                                    
                                    <h:outputText value="#{datosSeleccionado.substring(0, 20)}" style="font-size: 12px" />                                 
                                </p:column>
                                <p:column  >                                    
                                    <h:outputText value="#{datosSeleccionado.substring(20)}" style="font-size: 12px" />                                 
                                </p:column>                                                                    
                            </p:dataTable>   
                    </h:panelGrid> 
                    <p:separator/>
                    <p:commandButton value="Cerrar" type="button" onclick="dialogoConsultaProveedor.hide()"/>
                </p:dialog>
            </h:form>      
            <!--Eliminacion Cliente -->    
            <h:form id="formDialogoEliminarProveedor"> 
                <ui:include  src="/formularios/gestionProveedores/eliminarProveedor.xhtml"/>                      
            </h:form>                   
            </ui:define>
        </ui:composition>
    </body>
</html>

